<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html manifest="desktop/OfflineApp.manifest">
<head>
    <!--[if IE]><script>document.write('<base href="' + location.protocol + '//' + location.host + location.pathname.replace(/\/[^\/]*$/, '/desktop/') + '"/>')</script><![endif]-->
    <base href="desktop/">
    <script id="DC_baseScript">if(navigator.userAgent.indexOf('AppleWebKit/') == -1) document.write('<base href="' + location.protocol + '//' + location.host + location.pathname.replace(/\/[^\/]*$/, '/desktop/') + '"/>')</script>
    <title>CRANE - Login</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
    <link rel="stylesheet" href="login.css">
    <link rel="stylesheet" type="text/css" href="../Parts/Transitions.css">
    <link rel="stylesheet" type="text/css" href="../Parts/ActivityIndicator.css">
    <link rel="icon" href="Images/Favicon.ico" sizes="32x32 16x16">
    <script type="text/javascript" src="../jquery/jquery.min.js" charset="utf-8"></script>
    <script type="text/javascript" src="../jquery-ui/jquery-ui.min.js" charset="utf-8"></script>
    <!--
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js" charset="utf-8"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.min.js" charset="utf-8"></script>
    !-->
    <script type="text/javascript" src="Parts/parts.js" charset="utf-8"></script>
    <script type="text/javascript" src="login.js" charset="utf-8"></script>
</head>
<body onkeydown="onKeyDown(event)">
    <div id="topLevelContainer">
        <div id="titleBox">
            <div id="logo">
                <img></div>
            <div id="logoText"></div>
            <div id="toggleButton"></div>
            <div id="wikiButton"></div>
        </div>
        <div id="loginSignupViewStackLayout"><div id="loginView">
                <div id="loginPanel">
                    <div id="loginFormContainer">
                        <div id="columnLayout">
                            <div style="position: relative; display: table-cell; vertical-align: top; height: auto; width: 50%; "><div id="loginBlankPlaceholderColumn"></div></div><div style="position:relative; display:table-cell; vertical-align: top; width:50%; height: auto;"><div id="loginIndicatorColumn">
                                    <img id="loginActivityIndicator" src="../Images/ActivityIndicator.png" style="-webkit-animation-name: none; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; ">
                                </div></div></div>
                        <div id="loginAccountColumnLayout">
                            <div style="position: relative; display: table-cell; vertical-align: top; height: auto; width: 25%; "><div id="loginAccountTextColumn">
                                    <div id="loginAccountText"></div>
                                </div></div><div style="position: relative; display: table-cell; vertical-align: top; height: auto; width: 75%; "><div id="loginAccountFieldColumn">
                                    <input id="loginAccountField" type="text" name="login" value="Your login name" class="crane-login-text-field">
                                </div></div></div>
                        <div id="loginPasswordColumnLayout">
                            <div id="div"><div id="loginPasswordColumn">
                                    <div id="loginPasswordText"></div>
                                </div></div><div id="div1"><div id="loginPasswordFieldColumn">
                                    <input id="loginPasswordField" type="password" name="password" value="Your password" class="crane-login-text-field">
                                </div></div></div>
                        <div id="loginColumnLayout">
                            <div style="position: relative; display: table-cell; vertical-align: top; height: auto; width: 76%; "><div id="loginServiceResponseTextLayout">
                                    <div id="loginServerResponseText"></div>
                                </div></div><div style="position: relative; display: table-cell; vertical-align: top; height: auto; width: 24%; "><div id="loginButtonColumn">
                                    <div id="loginButon"></div>
                                </div></div></div>
                    </div>
                </div>
            </div><div id="signupView" class="crane-login-text-field">
                <div id="signupPanel">
                    <div id="signupFormContainer">
                        <div id="signupIndicatorColumnLayout">
                            <div style="position: relative; display: table-cell; vertical-align: top; height: auto; width: 50%; "><div id="signupBlankPlaceHolderColumn"></div></div><div style="position: relative; display: table-cell; vertical-align: top; height: auto; width: 50%; "><div id="signupActivityIndicatorColumn">
                                    <img id="signupActivityIndicator" src="../Images/ActivityIndicator.png" style="-webkit-animation-name: none; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; ">
                                </div></div></div>
                        <div id="singupAccountColumnLayout">
                            <div id="div2"><div id="singupAccountTextColumn">
                                    <div id="signupAccountText"></div>
                                </div></div><div id="div3"><div id="singupAccountFieldCoulmn">
                                    <input id="signupAccountField" type="text" name="login" value="Your prefered login name" class="crane-signup-text-field">
                                </div></div></div>
                        <div id="signupFirstNameColumnLayout">
                            <div id="div4"><div id="signupFirstNameTextColumn">
                                    <div id="signupFirstNameText"></div>
                                </div></div><div id="div5"><div id="signupFirstNameFieldColumn">
                                    <input id="signupFirstNameField" type="text" name="firstName" value="Your first name" class="crane-signup-text-field">
                                </div></div></div>
                        <div id="signupLastNameColumnLayout">
                            <div id="div6"><div id="signupLastNameTextColumn">
                                    <div id="signupLastNameText"></div>
                                </div></div><div id="div7"><div id="signupLastNameFieldColumn">
                                    <input id="signupLastNameField" type="text" name="lastName" value="Your last name" class="crane-signup-text-field">
                                </div></div></div>
                        <div id="signupUserNameColumnLayout">
                            <div id="div8"><div id="signupUserNameTextColumn">
                                    <div id="signupEmailText"></div>
                                </div></div><div id="div9"><div id="signupUserNameFieldColumn">
                                    <input id="signupEmailField" type="email" pattern="[^ @]*@[^ @]*" name="email" value="your_email@provider.com" class="crane-signup-text-field">
                                </div></div></div>
                        <div id="signupServiceTypeColumnLayout">
                            <div id="div10"><div id="signupServiceTypeTextColumn">
                                    <div id="signupServiceTypeText"></div>
                                </div></div><div id="div11"><div id="signupServiceTypeCheckboxColumn">
                                    <div id="signupServiceTypeIaaSCheckboxContainer">
                                        <input type="checkbox" name="IaaS" checked="checked" id="signupServiceTypeIaaSCheckbox">
                                        <div id="signupServiceTypeIaaSLabel">Infrustructure</div>
                                    </div>
                                    <div id="signupServiceTypeHPCCheckboxContainer">
                                        <input type="checkbox" name="HPC" checked="checked" id="signupServiceTypeHPCCheckbox">
                                        <div id="signupServiceTypeHPCLabel">HPC Service</div>
                                    </div>
                                    <div id="signupServiceTypeWebHostingCheckboxContainer">
                                        <input type="checkbox" name="webHosting" checked="checked" id="signupServiceTypeWebHostingCheckbox" value="">
                                        <div id="signupServiceTypeWebHostingLabel">Webapp Hosting</div>
                                    </div>
                                </div></div></div>
                        <div id="signupPasswordColumnLayout">
                            <div id="div12"><div id="singupPasswordTextColumn">
                                    <div id="signupPasswordText"></div>
                                </div></div><div id="div13"><div id="signupPasswordFieldColumn">
                                    <input id="signupPasswordField" type="password" name="password" value="your_password" class="crane-signup-text-field">
                                </div></div></div>
                        <div id="signupPasswordConfirmColumnLayout">
                            <div id="div14"><div id="signupPasswordConfirmTextColumn">
                                    <div id="signupPasswordConfirmText"></div>
                                </div></div><div id="div15"><div id="signupPasswordConfirmFieldColumn">
                                    <input id="signupPasswordConfirmField" type="password" name="passwordConfirm" value="your-password" class="crane-signup-text-field">
                                </div></div></div>
                        <div id="signupColumnLayout">
                            <div id="div16"><div id="signupServerResponseTextColumn">
                                    <div id="signupServerResponseText"></div>
                                </div></div><div id="div17"><div id="signuputtonColumn">
                                    <div id="signupButton"></div>
                                </div></div></div>
                    </div>
                </div>
            </div></div>
    </div>
</body>
</html>
